/*导航*/

body{
    padding-bottom: 80px;
}
.layui-flow-more{
    clear: both;
}
.null-tips{
    margin: 10px 0;
    text-align: center;
    color: #737383;
    font-size: 24px;
}
.null-tips a{
    color: #737383;
}

.star_name{
    max-width: 120px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
/*common-end*/
.navWrapper{
    width: 100%;
    min-width: 1040px;
    height: 90px;
    background: #021426;
    margin-bottom: 40px;
}
#headerWrapper{
    height: 90px;
    line-height: 90px;
    color: #fff;
    padding:  0 30px;
    max-width: 1300px;
    margin:  0 auto;
    font-size: 16px;
}
#headerWrapper ul li{
    float: left;
    padding: 0 14px;
    position: relative;
}
#headerWrapper ul li a{
    color: #aeb3b9;
}
#headerWrapper ul li a.active{
    color: #fff;
}

#headerWrapper ul.fl{
    width: 310px;
}

#headerWrapper ul.fr{
    /*width: 550px;*/
}
#logo{
    margin: 14px 28px 0 0;
}
.user_img{
    width: 48px;
    height: 48px;
    /*border: 1px solid green;*/
    padding: 2px;
    border: 1px solid #c7c7c7;
    border-radius: 50%;
    background: #fff;
    /*behavior: url(ie-css3.htc)*/
}

.nav_trangle{
    width: 12px;
    height: 7px;
    position: absolute;
    left: 50%;
    bottom: 14px;
    margin-left: -6px;
    background: url("../img/sprite.png") no-repeat ;
    background-position: -22px -100px;
   /* -vendor-animation-duration: 2s;
    -vendor-animation-delay: 0;
    -vendor-animation-iteration-count: infinite;
    animation-fill-mode: forwards;*/
}

#headerWrapper ul li.searchWrapper{
    width: 234px;
    height: 36px;
    background: #021426;
    border-radius: 16px;
    /*position: static;*/
    margin-top: 30px;
    border: 1px solid #04db97;


}
.searchIcon{
    display: inline-block;
   /* width: 18px;
    height: 19px;*/
    width: 21px; height: 22px;
    background: url("../img/sprite.png") no-repeat;
    background-position: -4px -45px;
    position: absolute;
    top: 8px;
    left: 14px;
    z-index: 1;
    cursor: pointer;
}
#search{
    outline: none;
    position: absolute;
    width: 200px;
    height: 36px;
    line-height: 36px;
    top: 0;
    left: 0;
    border: none;
    /*text-indent: 42px;*/
    margin-left: 40px;
    /*border-radius: 16px;*/
    background: #021426;
    color: #ccc;

}


/*搜索弹框*/
#search_list_wra{
    min-height: 200px;
    max-height: 500px;
    background: #fafafa;
    overflow: auto;
}

#search_list_wra #form_wra{
    width: 360px;
    height: 36px;
    border-radius: 16px;
    border: 1px solid #07dd99;
    overflow: hidden;
    margin: 16px 0 20px 100px;
}

#search_list_wra #form_wra input[type=search]{
    width:296px;
    height:36px;
    border: none;
    background: none;
}

#search_list_wra #form_wra input[type=submit]{
    width:50px;
    height:36px;
    background: url("../img/icon_search.png") no-repeat center center;
    background-color: #07dd99;
}
#search_list_wra #form_wra .secrch_key{
    margin-left: 14px;
}

#search_list_wra #form_wra .submit{
    border: none;
    outline: none;
    cursor: pointer;
}
#search_list_wra .cancel_btn{
    color: #999;
    font-size: 12px;
    cursor: pointer;
    margin: 28px 34px 0 0;
}

.search_title{
    width: 528px;
    margin: 10px auto 0;
    font-size: 14px;
    color: #999;
}
.search_list{
    width: 528px;
    margin: 10px auto;
}

.search_list li{
    height: 40px;
    padding: 18px 0 14px 0;
    border-top: 1px solid #e8e8e8;
}
.search_list li .star_img{
    width: 40px;
    height: 40px;
    border-radius: 20px;
}
.search_list li .info{
    margin: 2px 0 0 12px;
}
.search_list li .info h5{
    font-size: 14px;
    color: #000;
}
.search_list li .info p{
    font-size: 12px;
    color: #999;
}
/*关注按钮*/
.focus_btn{
    box-sizing: border-box;
    width: 84px;
    height: 34px;
    line-height: 34px;
    border-radius: 16px;
    background: #04dd98;
    text-align: center;
    color: #fff;
    font-size: 16px;

}
.focus_btn:hover{
    background: #11c38b;
    color: #fff;

}
/*支付Lb弹窗提示*/
.pay_info_wra{
    width: 434px;
    height: 324px;
    text-align: center;
    background: #fafafa;
}
.pay_info_wra .close_btn{
    width: 20px;
    height: 20px;
    margin: 24px 26px 0 0;
    background: url("../img/icon_close.png") no-repeat;
    cursor: pointer;
}
.LB_num{
    height: 44px;
    font-size: 50px;
    color: #04dd98;
    margin-bottom: 36px;
    clear: right;
}
.view_btn{
    display: block;
    width: 192px;
    height: 42px;
    line-height: 42px;
    background: #04dd98;
    text-align: center;
    color: #fff;
    font-size: 14px;
    border-radius: 6px;
    margin: 0 auto;
}
.pay_info_wra p.LB_tip{
    font-size: 18px;
    color: #333;
}
p.balance_acc,p.balance_acc_no{
    font-size: 12px;
    color: #333;
    margin: 22px auto 70px;
}




#message_btn .ic_no_message{
    display: inline-block;
    width: 21px;
    height: 18px;
    background: url("../img/ic_nomess.png") no-repeat;
    position: relative;
    vertical-align: middle;
}

#message_btn .ic_message{
    display: inline-block;
    width: 21px;
    height: 18px;
    background: url("../img/ic_mess.png") no-repeat;
    position: relative;
    vertical-align: middle;
}

#message_btn .ic_no_message span.ic_cir{
    position: absolute;
    width: 6px;
    height: 6px;
    background: url("../img/ic_cir.png") no-repeat;
    top: 0;
    right: 0;
}








.user_site{
    width: 960px;
    margin: 24px auto 42px;
}
#personal{
    position: relative;
    width: 68px;
    text-align: center;
}
#personal div{
    position: absolute;
    width: 96px;
    top:90px;
    left: 0;
    /*text-align: center;*/
    background: #00080f;
    padding: 12px 0;
    z-index: 1;
}
#personal div a{
    display: block;
    color: #fff!important;
    font-size: 12px!important;
    margin: 8px 0;
    line-height: 1.5;
}

#down_load_btn{
    position: relative;

}

#down_load_btn div{
    position: absolute;
    width: 124px;
    height: 212px;
    padding: 14px 28px;
    top:90px;
    left: 50%;
    margin-left: -90px;
    background: #00080f;
    z-index: 2;

}

#down_load_btn div img{
    width: 120px;
    height: 118px;
    margin-bottom: 12px;

}

#down_load_btn div a{
    display: block;
    width: 120px;
    height: 34px;
    line-height: 34px;
    background: #fff;
    color: #333!important;
    margin-top: 4px;
    text-align: center;

}

#message_btn{
    position: relative;
}

#message_btn div{
    position: absolute;
    width: 112px;
    top:90px;
    left: 50%;
    margin-left: -56px;
    background: #00080f;
    padding: 8px 0;
    z-index: 2;

}
#message_btn div a{
    display: block;
    line-height: 32px;
    text-indent: 14px;
    color: #fff!important;
    font-size: 14px;
}

/* Generated by http://css.spritegen.com CSS Sprite Generator */

/*.ui7, .ui1, .ui11, .ui13, .ui10,
.ui4, .ui8, .ui9, .ui3, .ui12,
.ui5, .ui2, .ui6
{ display: inline-block; background: url('png.png') no-repeat; overflow: hidden; text-indent: -9999px; text-align: left; }

.ui7 { background-position: -4px -0px; width: 50px; height: 19px; }
.ui1 { background-position: -4px -23px; width: 21px; height: 18px; }
.ui11 { background-position: -29px -23px; width: 21px; height: 19px; }
.ui13 { background-position: -4px -45px; width: 21px; height: 22px; }
.ui10 { background-position: -29px -46px; width: 16px; height: 10px; }
.ui4 { background-position: -29px -60px; width: 16px; height: 17px; }
.ui8 { background-position: -4px -71px; width: 16px; height: 18px; }
.ui9 { background-position: -24px -81px; width: 15px; height: 15px; }
.ui3 { background-position: -4px -93px; width: 14px; height: 18px; }
.ui12 { background-position: -22px -100px; width: 12px; height: 7px; }
.ui5 { background-position: -38px -100px; width: 10px; height: 12px; }
.ui2 { background-position: -22px -111px; width: 8px; height: 8px; }
.ui6 { background-position: -43px -81px; width: 7px; height: 10px; }*/


/*精灵图*/
.page_prev,.page_next,.live_all_but span, .play_all_but span,.user_site,
.nav_left_wra li .nav_bg, #follow_wra .star_page,.ic_follow,.item_focus .star_status_bg{
    background: url('../img/sprite.png') no-repeat;
    cursor: pointer;

}

.user_site{
    background-position: -36px -95px;
    text-indent: 16px;
    height: 22px;
    line-height: 22px;
    /*width: 10px; height: 12px;*/
    cursor: default;
    color: #999;
}
.user_site span,.user_site a{
    color: #3f3f3f;
}

/*呼唤列表*/
.callBox .call_item{
    width: 960px;
    height: 120px;
    box-sizing: border-box;
    border: 1px solid #ebebeb;
    padding: 28px;
    margin-bottom: 16px;
}
.callBox .call_item .info h3{
    font-size: 16px;
    color: #333;
    line-height: 16px;
    margin: 0 0 26px 12px;
}

.callBox .call_item .info p{
    font-size: 14px;
    color: #666;
    margin-left: 14px;
}
.rank_num{
    margin: 20px 28px 0 0;
}
.callBox .call_item img{
    width: 60px;
    height: 60px;
}

.callBox .call_item .info p .num{
    margin-left: 36px;
    color: #04dd98;
}
.add_star_wrap .add_star_btn{
    display: inline-block;
    width: 106px;
    height: 40px;
    background: #04dd98;
    border-radius: 6px;
    line-height: 40px;
    text-align: center;
    cursor: pointer;
    color: #fff;
}
.add_star_wrap .add_star_btn:hover{
    background:#14ce93;

}
.add_star_wrap p{
    color: #ccc;
    text-align: center;
    line-height: 28px;
}
.add_star_wrap p .add_num{
    margin: 0 10px;
    color: #ff9900;
}
.ic_l_star{
    display: inline-block;
    width: 10px;
    height: 10px;
    background: url("../img/icon_l_star.png") no-repeat;
    margin-right: 6px;
}
.ic_g_star{
    display: inline-block;
    width: 10px;
    height: 10px;
    background: url("../img/icon_g_star.png") no-repeat;
}

/*兑换加星*/
#exchange_wrap{
    text-align: center;
}
#exchange_wrap .title{
    font-size: 14px;
    color: #666;
    height: 68px;
    line-height: 68px;
    margin: 0 16px;
    border-bottom: 1px solid #e8e8e8;
}
#exchange_wrap .title .tips{
    color: #ff9900;
}
#exchange_wrap .title .close_btn{

}
#exchange_wrap .exchange_btn{
    display: block;
    margin: 4px auto;
    width: 192px;
    height: 42px;
    line-height: 42px;
    background: #fb453f;
    border-radius: 5px;
    color: #fff;
    cursor: pointer;
}
#exchange_wrap .exchange_btn:hover{
    background:#eb3c36;
}
#exchange_wrap .cite{
    text-align: center;
    height: 30px;
    line-height: 30px;
    color: #333;
    background: url("../img/line_bg.png") no-repeat center center;
    margin-top: 20px;
}
#exchange_wrap .call_gift_wrap{
    margin: 30px auto;
    display: inline-block;
}
#exchange_wrap .call_gift_wrap .call_gift_item{
    width: 78px;
    height: 52px;
    background: url("../img/eight_side.png") no-repeat;
    margin: 0 16px;
    cursor: pointer;
    color: #666;
}
#exchange_wrap .call_gift_wrap .call_gift_item:hover{
    color: #ff9900;
    background: url("../img/eight_side_active.png") no-repeat;
}
#exchange_wrap .call_gift_wrap li.active{
    color: #ff9900;
    background: url("../img/eight_side_active.png") no-repeat;
}
#exchange_wrap .call_gift_wrap .call_gift_item .call_time,#exchange_wrap .call_gift_wrap .call_gift_item .exchange_money{
    display: block;
    font-size: 12px;
    height: 16px;
}
#exchange_wrap .call_gift_wrap .call_gift_item .call_time{
    margin: 6px 0 8px 0;
}
#exchange_wrap .recharge_btn{
    padding-right: 24px;
    background: url("../img/arrow_right.png") no-repeat right center;
    color: #666;
    font-size: 14px;
    margin: 0 0 24px 36px;

}
#exchange_wrap div.bot{
    margin: 24px auto 22px;
}
#exchange_wrap .balance_wrap{
    display: inline-block;
    color: #999;
}
#exchange_wrap .close_btn{
    width: 20px;
    height: 20px;
    margin: 24px 6px 0 0;
    background: url("../img/icon_close.png") no-repeat;
    cursor: pointer;
}
/*直播列表*/
.Live_Wrapper{
    width: 960px;
    margin: 0 auto;
    /*padding-top: 24px;*/
}
.center{
    width: 960px;
    margin: 0 auto;
    /*padding-top: 24px;*/
}
.Live_Wrapper h2{
    font-size: 16px;
    color: #333;
    font-weight: 200;
    border-left: 4px solid #5cdb96;
    padding-left: 12px;
    margin: 0 0 20px 0;
}

.Live_Wrapper .livingBox, .Live_Wrapper .backBox{
    /*margin-bottom: 34px;*/
}

.listBox{
    width: 314px;
    float: left;
    margin-right:8px;
    /*height: 237px;*/
}
.tripleBox{
    margin-right: 0!important;
}

.listBox:nth-child(3n) {
    margin-right: 0;
}

.listPic{
    width: 314px;
    height: 237px;
    position: relative;
    overflow: hidden;
}

.listPic p.time{
    position: absolute;
    top: 8px;
    left: 6px;
    /*background: #a6a6a6;*/
   /* filter:alpha(opacity=50); !*IE滤镜，透明度50%*!
    -moz-opacity:0.5; !*Firefox私有，透明度50%*!
    opacity:0.5;!*其他，透明度50%*!*/

    height:24px;
    line-height: 24px;

    background-color: rgba(0,0,0,0.3);
    padding:  0 10px;
    border-radius: 10px;
    font-size: 12px;
    color: #fff;
}

.listPic a{
    display: inline-block;
    width: 100%;
    height: 100%;
    background: #ddd;
    position: relative;
}


.listPic .play_layer {
    display: none;
    z-index: 10;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.2);
}


.listPic .play_layer i {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -40px;
    margin-left: -40px;
    width: 80px;
    height: 80px;
    background-position: 0 -81px;
    background-image: url(../img/sprite_icon.png);
    background-repeat: no-repeat;


}


.listPic img{
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    -moz-transform: perspective(1px) translate(-50%,-50%);
    -webkit-transform: perspective(1px) translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: perspective(1px) translate(-50%,-50%);
    transition: 0.3s all linear;
}

.listPic img.big{
    transform: translate(-50%,-50%) scale(1.1);
    -ms-transform: translate(-50%,-50%) scale(1.1); 	/* IE 9 */
    -moz-transform:translate(-50%,-50%) scale(1.1); 	/* Firefox */
    -webkit-transform:translate(-50%,-50%) scale(1.1); /* Safari 和 Chrome */
    -o-transform:translate(-50%,-50%) scale(1.1); 	/* Opera */
}

.list_user_info{
    height: 36px;
    line-height: 36px;
    margin-bottom: 8px;
    padding: 0 8px;
    color: #333;
    font-size: 12px;
}

.list_user_info p.num i{
    display: inline-block;
    width: 16px;
    height: 10px;
    margin-left: 6px;
    background: url("../img/eye.png");
}

a.live_more, a.back_more,a.star_group_more,a.call_more{
    display: inline-block;
    /*width: 960px;*/
    height: 40px;
    line-height: 40px;
    background: #f5f5f5;
    text-align: center;
    font-size: 14px;
    color: #333;
    width: 100%;
    margin: 34px 0 48px 0;
}



/*直播预告*/
.advanceWrapper ul.timeLine{
    width: 74px;
    border-right:1px solid #ccc;
}
.advanceWrapper .fl ul.timeLine li{
    height: 72px;
}

.leftBox{
    width: 640px;
}

.advanceWrapper p.advance_more{
    margin-top: 40px;
    text-align: center;
    color: #999;
    padding-top: 24px;
    border-top: 1px solid #ccc;
    cursor: pointer;
    user-select: none;
}
.advanceWrapper p.disabled{
    cursor: initial;
    user-select: text;
}

.advanceWrapper .fl ul.timeLine li span{
    display: block;
    height: 36px;
    text-align: center;
}
.advanceWrapper  span.month{
    font-size: 18px;
    line-height: 46px;

}
.advanceWrapper  span.week{
    font-size: 12px;
    line-height: 24px;

}
.advanceWrapper .fl ul.timeLine li i{
    float: right;
    width: 6px;
    height: 6px;
    border-radius: 6px;
    /*background: #ccc;*/
    margin-right: -3px;
    background: url("../img/circle.png") no-repeat;
}

.advanceList li{
    height:72px;
    vertical-align: middle;
}
.advanceList .time{
    width: 112px;
    height: 28px;
    line-height: 28px;
    border-radius: 14px;
    text-align: center;
    /*background: #ccc;*/
    margin: 24px 16px 0;
    border: 1px solid #0dde9c;
}
.starImg{
    width: 40px;
    height: 40px;
    border-radius: 20px;
    vertical-align: middle;
    margin: 20px 12px 0;
}
.advanceList{
    width: 560px;
}
.advanceList h4{
    font-size: 14px;
    font-weight: 200;
}

.advanceList .txtInfo{
    margin-top: 22px;
}
.advanceList .txtInfo span{
    font-size: 12px;
    margin-right: 14px;
}

.advanceList .viewPlace,.sp_advance_wra .viewPlace{
    width: 82px;
    height: 32px;
    line-height: 32px;
    border-radius: 16px;
    background: #0dde9c;
    text-align: center;
    margin-top: 22px;
    cursor: pointer;
    color: #fff;
}
.advanceList .viewPlace_add,.sp_advance_wra .viewPlace_add{
    border: 1px solid #8c8c8c;
    background: none!important;
    color: #8c8c8c;
}
/*.viewPlace_hover{
    transform:scale(1.1);
    -ms-transform:scale(1.1); 	!* IE 9 *!
    -moz-transform:scale(1.1); 	!* Firefox *!
    -webkit-transform:scale(1.1); !* Safari 和 Chrome *!
    -o-transform:scale(1.1); 	!* Opera *!
    transform-origin:50% 50%;

    transition: 0.2s ease;
}*/

.advanceList .booked_num{
    width: 90px;
}
.advanceList .l_package i,.advanceList .l_gift i{
    display: inline-block;
    width: 6px;
    height: 6px;
    background: #00db8f;
    margin:0 4px 2px 0;
}


.rightBox{
    width: 268px;
    font-size: 14px;

}
.livingWrapper{
    margin-bottom: 26px;

}
.livingWrapper img{
    width: 34px;
    height: 34px;
    border-radius: 17px;
    margin-right: 6px;
}

.livingWrapper li{ height: 50px; }
.livingWrapper li a{display: block;}
.livingWrapper li a:hover{ background: #f5f5f5;}
.livingWrapper .live_time{ font-size: 12px; color: #999;}
.livingWrapper .star_name{ color: #666;}
.livingWrapper .live_but{
    color: #04dd98;
    height: 50px;
    line-height: 50px;
    margin-right: 10px;
    cursor: pointer;
}


.livingWrapper li img.fl,.livingWrapper li div.fl{
    margin-top: 6px;
}


.liveTitle,.playTitle{
    height: 36px;
    line-height: 36px;
    border-bottom: 1px solid #ebebeb;
    color: #333;
    font-weight: 200;
    margin-bottom: 10px;
}


.page_len,.page_len{
   margin-left: 114px;
}
.page_prev{
    background-position: -4px -0px; width: 24px; height: 19px;
    margin-top: 10px;
}
.page_next,.page_next{
    background-position: -29px -0px; width: 25px; height: 19px;
    margin-top: 10px;
}
.live_all_but, .play_all_but{
    display: block;
    height: 28px;
    line-height: 28px;
    border: 1px solid #ccc;
    text-align: center;
    margin: 26px 0;
    color: #3f3f3f;
    cursor: pointer;
    /*box-sizing: border-box;*/
}
.live_all_but:hover, .play_all_but:hover{
    border: 1px solid #fff;
    background: #0dde9c;
    color: #3f3f3f;
}
.live_all_but span, .play_all_but span{
    display: inline-block;
    background-position: -43px -81px; width: 7px; height: 10px;
    margin-left: 8px;
}
.down_load_code{
    height: 150px;
    border: 1px solid #ccc;
    padding: 20px 24px;
}
.down_load_code img{
    width: 74px;
}
.down_load_code p{
    text-align: center;
    margin-bottom: 20px;
}
.down_load_code div span{
    width: 120px;
    height: 34px;
    line-height: 34px;
    background: #000;
    color: #fff;
    text-align: center;
}
.playWrapper img{
    width:100%;
    position: absolute;
    top: 50%;
    left: 50%;
    -moz-transform: perspective(1px) translate(-50%,-50%);
    -webkit-transform: perspective(1px) translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: perspective(1px) translate(-50%,-50%);
}
.playWrapper li{
    float: left;
    margin-right: 8px;
}
.playWrapper li.tripleBox{
    margin-right: 0;
}
.playWrapper li a{
    /*float: left;*/
    position: relative;
    display: inline-block;
    width: 84px;
    height: 64px;
    overflow: hidden;
    background: #ddd;
}
.playWrapper li i {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -12px;
    margin-left: -12px;
    width: 24px;
    height: 24px;
    background: url(../img/sprite.png);
    background-position: 0 -116px;
}

.playWrapper b{
    display: block;
    text-align: center;
    font-size: 12px;
    color: #333;
    line-height: 24px;
    margin-bottom: 6px;
    max-width: 84px;
    white-space: nowrap;
    word-wrap: normal;
    overflow: hidden;
    text-overflow: ellipsis;
}

/*星友圈*/
.livingWrapper li img.fl{
    margin-top:10px;
}
.cirWrapper .livingWrapper li div.fl {
    margin-top: 0;
    height: 50px;
    line-height: 50px;
}

.sc_title .star_img{
    width: 40px;
    height: 40px;
    border-radius: 20px;

}

.sc_title div.fl{
    margin-left:12px;

}
.sc_title div.fl h4.star_name{
    font-size: 16px;
    color: #333;

}
.sc_title div.fl h4.star_publish_time{
    font-size: 12px;
    color: #999;
}
.sc_list_box{
    border-bottom: 1px solid #ebebeb;
    padding-top: 10px;
}
.sc_list_box .star_publish_txt{
    line-height: 22px;
    margin: 8px 0;
    font-size: 14px;
    color: #666;
    text-align: justify;
    /*text-indent: 2em;*/
}
.sc_list_box .sc_row_line li{
    height: 44px;
    line-height: 44px;
    margin-right: 46px;

}
.sc_row_line i{
    margin-left: 6px;
    vertical-align: middle;
}
.sc_row_line span{
    vertical-align: middle;
}
.imgWra img{
    float: left;
    width: 158px;
    height: 120px;
    margin: 0 6px 6px 0;
}
.sc_row_line li{
    float: left;

}
.publish_wrap{
    width: 632px;
    height: 40px;
    border-radius: 5px;
    position: relative;
    border: 1px solid #ccc;
    padding: 2px;

}
.publish_wrap .user_img{
    position: absolute;
    top: 4px;
    left: 10px;
    width: 34px;
    height: 34px;
    border-radius: 17px;
}
.publish_wrap .user_input{
    outline: none;
    resize:none;
    border-style: none;
    box-shadow: none;
    text-decoration: none;
    /*border-width: 0px;*/
    word-wrap: break-word;
    /*line-height: 18px;*/
    overflow: hidden;
    padding-left: 60px;
    width: 570px;
    height: 100%;
    line-height: 44px;
}
/*focus时候加上如下两个class名*/
.publish_wrap_focus{
    height: 200px;
}
.publish_wrap .user_input_focus{
    line-height: 28px;
}

.sc_row_line .ic_praise{
    display: inline-block;
    background: url("../img/tool_sprite.png");

    background-position: -5px -21px; width: 15px; height: 16px;
    cursor: pointer;
}
.sc_row_line i.active{
    background: url("../img/tool_sprite.png");
    background-position: -25px -0px; width: 15px; height: 16px;
}
.sc_row_line .ic_comment{
    display: inline-block;
    background: url("../img/tool_sprite.png");

    background-position: -25px -21px; width: 15px; height: 16px;
}
.sc_row_line .ic_share{
    display: inline-block;

    background: url("../img/tool_sprite.png");
    background-position: -5px -0px; width: 15px; height: 16px;
}

.sc_list_box a.comments_submit_btn{
    display: block;
    width: 100px;
    height: 36px;
    line-height: 36px;
    border-radius: 18px;
    background: #5cdb96;
    margin: 6px 6px 0 520px;
    color: #fff;
    text-align: center;
}
.comments_view_wra .view_more_btn{
    display: inline-block;
    color: #666;
    font-size: 12px;
    margin-left: 40px;
}
.comments_view_wra .view_more_btn .ic_more_bg{
    display: inline-block;
    background: url(../img/sprite.png) no-repeat;
    cursor: pointer;
    background-position: -43px -81px;
    width: 7px;
    height: 10px;
    margin: 10px 0 0 10px;
}
ul.comments_wra{
    /*margin: 20px 0 26px 0;*/
}
ul.comments_wra p.user_comments {
    width: 506px;
    margin-left: 18px;
    line-height: 22px;
}
.comments_wra .lv_user_mark{
    display: inline-block;
    width: 25px;
    height: 12px;
    background: url("../img/leval1.png") no-repeat;
    background-size: cover;
    margin: 0 6px;
}
.comments_wra li{
    margin-bottom: 0px;
}
.comments_wra .user_info .user_name{
    color: #333;
    font-size: 14px;
}
.comments_wra .user_info .user_comments_time{
    color: #ccc;
    font-size: 12px;

}
/*星友圈详情*/
.sc_detail_wra{
    width: 638px;
    margin: 0 auto;
}
.cirWrapper .imgWra a{
    float: left;
    position: relative;
    width: 158px;
    height: 120px;
    overflow: hidden;
    margin: 0 8px 8px 0;

}
.cirWrapper .imgWra a img{
    float: left;
    height: auto!important;
    width: 100%;
    min-height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    -moz-transform: perspective(1px) translate(-50%,-50%);
    -webkit-transform: perspective(1px) translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: perspective(1px) translate(-50%,-50%);
}
.dn_media_view,.media_show_box{
    width: 640px;
    min-height: 60px;
    text-align: center;
    margin: 24px auto;
}
.media_show_box img{
    max-width: 640px;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.left-cursor{
    cursor: url(http://img.t.sinajs.cn/t6/style/images/common/pic_prev.cur), auto;
}
.right-cursor{
    cursor: url(http://img.t.sinajs.cn/t6/style/images/common/pic_next.cur), auto;
}
.small-cursor{
    cursor: url(http://img.t.sinajs.cn/t6/style/images/common/small.cur), auto;
}
.big-cursor{
    cursor: url(http://img.t.sinajs.cn/t6/style/images/common/big.cur), auto;
}

.pic_choose_box .stage_box ul.choose_box li{
    width: 68px;
    height: 68px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border: 2px solid #ccc;
    margin-right: 2px;
}
.pic_choose_box .stage_box ul.choose_box li.current{
    border: 2px solid #04dc97;
}
.pic_choose_box .stage_box ul.choose_box li a{
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;

}
.pic_choose_box .stage_box ul.choose_box li a img{
    height: auto!important;
    width: 100%;
    min-height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    -moz-transform: perspective(1px) translate(-50%,-50%);
    -webkit-transform: perspective(1px) translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: perspective(1px) translate(-50%,-50%);
}





/*------endendendendendendendendendendend-----*/
/*星部落*/
.sg_Wrapper .sg_list_wra{
    width: 154px;
    height: 182px;
    border-radius: 8px;
    background: #f5f5f5;
    float: left;
    text-align: center;
    /*position: relative;*/
    margin: 0 8px 46px 0;

}
.sg_list_wra .star_img{
    width: 70px;
    height: 70px;
    border-radius: 35px;
    margin-top: -20px;

}

.sg_list_wra h4.star_name{
    font-size: 16px;
    color: #000;
    margin: 6px 0 8px 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%;
}

.sg_list_wra p.follow_num{
    font-size: 12px;
    color: #9f9f9f;
}
.sg_list_wra .focus_btn{
    float: none;
    display: inline-block;
    margin-top: 36px;
}
.follow_btn{
    display: inline-block;
    width: 82px;
    height: 32px;
    line-height: 32px;
    border-radius: 16px;
    color: #fff;
    font-size: 16px;
    background: #04dd98;
    margin-top: 36px;
}

.ic_follow{
    width: 8px;
    height: 12px;
    display: inline-block;
    background-position: -22px -109px;
    margin-right: 2px;
}


#follow_wra h4.star_name{
    height: 50px;
    line-height: 50px;
}

#follow_wra .star_page{
    background-position: -43px -81px; width: 7px; height: 10px;
    margin: 20px 14px 0 0;
}
#follow_wra li a{
    display: block;
    height: 100%;
}
#follow_wra li a:hover{
    background: #f5f5f5;
}
/*明星主页*/
#sp_info_wra{
    width: 376px;
    height: 284px;
    position: relative;
    overflow: hidden;
}

#sp_info_wra .sp_back_pic{
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
#sp_info_wra .sp_shade{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.6);
}
#sp_lsid{
    position: absolute;
    top: 64px;
    right: -15px;
    height: 30px;
    line-height: 30px;
    padding: 0 28px 0 16px;
    border-radius: 15px;
    background: rgba(0,0,0,0.8);
    text-align: center;
    color: #fff;
    font-size: 12px;
}
#sp_info_base{
    position: absolute;
    z-index: 2;
    left: 0;
    bottom: 38px;
    width: 340px;
    height: 94px;
    padding-left: 22px;
    color:#fff;
}

#sp_head_wra{
    position: relative;
}
#sp_head_wra .btn_cancel{
    border: none;
}
#sp_head_wra .sp_head{
    width: 94px;
    height: 94px;
    border-radius: 47px;
   /* position: absolute;
    left: 6px;
    bottom: -4px;*/

}
#sp_head_wra .focus_btn{
    position: absolute;
    left: 50%;
    bottom: -10px;
    margin-left: -41px;
}

.sp_text_wra{
    padding: 10px 0 0 12px;

}

.sp_text_wra .sp_name{
    font-size: 16px;
    height: 18px;
    margin-bottom: 10px;
}

.sp_text_wra .sp_label span{
    display: inline-block;
    height: 20px;
    line-height: 20px;
    padding: 0 12px;
    border: 1px solid #fff;
    margin-right: 6px;
    font-size: 14px;
}
.sp_popular{
    padding-top: 10px;
}
.sp_popular span{
    display: inline-block;
    font-size: 12px;
    padding-right:26px;
}
ul.sp_list_btn{
    padding: 12px 0 0 16px;
}

ul.sp_list_btn li{
    height: 32px;
    line-height: 32px;
    padding-right: 20px;
    width: 76px;

}
ul.sp_list_btn li a{
    display: block;
    font-size: 14px;
    color: #666;
}
ul.sp_list_btn li a:hover{
    color: #04dd98;
}
.arrow_r{
    display: inline-block;
    background: url(../img/sprite.png) no-repeat;
    cursor: pointer;
    width: 7px;
    height: 10px;
    background-position: -43px -81px;
}
.sp_list_btn .arrow_r{
    margin-top: 12px;
}

/*覆盖layui tab切换原有样式*/
.layui-tab-content{
    padding: 0;
}
.layui-tab-title{
    padding-left: 12px;
    border-bottom: 1px solid #ebebeb;
    color: #999;
    margin-bottom: 20px;
}
.layui-tab-title li{
    font-size: 16px;
    min-width: inherit;
    padding: 0 20px;
}
.layui-tab-brief > .layui-tab-title .layui-this:after, .layui-tab-brief > .layui-tab-more li.layui-this:after{
    border-bottom: 1px solid #333;

}

.layui-tab-brief > .layui-tab-title .layui-this {
    color: #333;
}

.sp_back_wra .listBox:nth-child(3n) {
    margin-right: 8px;
}

/*明星主页预告*/
.sp_advance_wra li{
    padding: 16px 0;
    border-bottom: 1px solid #e6e6e6;
}
.sp_advance_wra li img.sp_star_pic{
    width: 126px;
    height: 126px;
    margin-right: 16px;
}
.sp_advance_wra .sp_info .sp_star_name{
    font-size: 16px;
    color: #333;
    margin-bottom: 4px;
    height: 22px;
}
.sp_advance_wra .sp_gift_info{
    font-size: 14px;
    color: #666;
    height: 18px;
}
.sp_advance_wra .sp_booked_num{
    font-size: 12px;
    color: #999;
    margin: 24px 0 8px 0;
}
.sp_advance_wra .sp_start_time{
    height: 30px;
    line-height: 30px;
    border: 1px solid #000;
    padding: 0 10px 0;
}
.sp_advance_wra .sp_start_time span{
    color: #000;
    font-size: 16px;

}
.sp_advance_wra .sp_date{
    padding-right: 30px;
}
.sp_advance_wra .viewPlace{
    margin-top: 46px;

}
/*送礼*/
#sp_gift_wra .layui-tab-title{
    background: #fafafa;
    border: none;
    color: #ccc;
    font-size: 14px;
}
#sp_gift_wra > .layui-tab-title .layui-this {
    background: #fff;
    color: #666;
    /*border-top: 1px solid #ccc;*/
}
#sp_gift_wra > .layui-tab-title .layui-this:after, .layui-tab-brief > .layui-tab-more li.layui-this:before {
    border-top: 1px solid #ccc;
}
#sp_gift_wra > .layui-tab-title .layui-this:after, .layui-tab-brief > .layui-tab-more li.layui-this:after {
    border-bottom: none;
}
.sp_money_list li,.sp_actual_list li{
    background: url("../img/icon_gift_bg.png") no-repeat 0 16px;
    padding: 16px 0 30px 0;
    border-bottom: 1px solid #e6e6e6;
}
.sp_money_list li .sp_money_info,.sp_actual_list li .sp_actual_info{
    padding-left: 34px;
}
.sp_money_list li .sp_money_info p.sp_money_date,.sp_actual_list li .sp_actual_info p.sp_actual_date{
    font-size: 12px;
    color: #999;
    margin-bottom: 22px;
}
.sp_money_list li .sp_money_info .sp_money_amount,.sp_actual_list li .sp_actual_info .sp_actual_amount{
    font-size: 14px;
    color: #999;
    vertical-align: bottom;
}
.sp_actual_list li .sp_actual_info .sp_actual_amount{
    margin-bottom: 16px;
}
.sp_actual_list li .sp_actual_info .sp_actual_amount .sp_actual{
    color: #333;
    width: 360px;
}
.sp_actual_list li .sp_actual_info .sp_actual_amount img{
    margin-right: 156px;
}
.sp_money_list li .sp_money_info .sp_money_amount span,.sp_actual_list li .sp_actual_info .sp_actual_amount span{
    display: inline-block;
    vertical-align: bottom;
    margin-bottom: 2px;
}
.sp_money_list li a.sp_star_play,.sp_actual_list li a.sp_star_play{
    position: relative;
    width: 92px;
    height: 92px;
}
.sp_money_list li a.sp_star_play img,.sp_actual_list li a.sp_star_play img{
    width: 92px;
    height: 92px;
}
.sp_money_list li a.sp_star_play i,.sp_actual_list li a.sp_star_play i{
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -12px;
    margin-left: -12px;
    width: 24px;
    height: 24px;
    background: url(../img/sprite.png);
    background-position: 0 -116px;
}


/*星档案*/

.sp_profile_wra li{
    min-height: 34px;
    font-size: 14px;
}


.sp_profile_wra li span{
    width: 94px;
    height: 100%;
    line-height: 34px;
    color: #999;
}
.sp_profile_wra li p{
    max-width: 440px;
    color: #666;
    line-height: 24px;
    margin-top: 6px;
}

/*呼唤明星列表*/
.guardTitle{
    height: 36px;
    line-height: 36px;
    border-bottom:1px solid #ebebeb;
    margin-bottom: 10px;
}
.guardTitle h4{
    font-size: 14px;
    color: #666;
}
.guardTitle h4 span.tips{
    font-size: 12px;
    color: #ccc;
}
.guardTitle .page_len{
    margin: 2px 22px 0 auto;
}
.guardWrapper{
    margin-top: 8px;
}
.guardWrapper li{
    height: 50px;
    line-height: 50px;
}


.guardWrapper span.fans_rank{
    color: #666;
    width: 20px;
    height: 25px;
    text-align: center;
    margin-top: 14px;
    line-height: 25px;
}
.guardWrapper span.fans_top_three{
    color: #ff3366;
    font-style: oblique;
}

.fans_top1{
    background: url("../img/rank_1.png") no-repeat;
}
.fans_top2{
    width: 20px;
    height: 25px;
    background: url("../img/rank_2.png") no-repeat;
}
.fans_top3{
    width: 20px;
    height: 25px;
    background: url("../img/rank_3.png") no-repeat;
}
.guardWrapper img.fans_head{
    width: 34px;
    height: 34px;
    border-radius: 17px;
    margin: 8px 6px 8px 8px;
}

.fans_info{
    line-height: 28px;
}

.fans_info h4.fans_name{
    height: 20px;
    margin-top: 2px;
}

/*粉丝等级图标引入*/
/*用户等级图标*/
.user_leval_mark{
    display: inline-block;
    width: 22px;
    height: 22px;
}
.user_leval_1{
    background: url(../img/leval1.png) no-repeat;
    background-size: cover;
}
.user_leval_2{
    background: url(../img/leval1.png) no-repeat;
    background-size: cover;
}
.user_leval_3{
    background: url(../img/leval1.png) no-repeat;
    background-size: cover;
}
.user_leval_4{
    background: url(../img/leval1.png) no-repeat;
    background-size: cover;
}
.user_leval_5{
    background: url(../img/leval1.png) no-repeat;
    background-size: cover;
}
/*.fans_info .fans_leval{
    line-height: 20px;
}*/
.guardWrapper .fans_leval{
    vertical-align: middle;
    margin-left: 4px;
}
.fans_info .user_leval_mark{
    width: 18px;
    height: 18px;
}
.lv_now_wra .user_leval_mark{
    width: 42px;
    height: 42px;
    margin-right: 10px;
}
/*进入明星主页 发私信或者留言*/
.sl_all_wra{
    padding-bottom: 70px;
}
.sl_all_wra p.tips{
    padding: 26px 0 0 20px;
    font-size: 14px;
    color: #999;
}
.sl_list_wra li{
    padding: 26px 0 0 16px;
}
.sl_list_wra .fans_head{
    width: 40px;
    height: 40px;
    border-radius: 20px;
}
.sl_list_wra .fans_info{
    margin: 0 14px 0 12px;
    line-height: 20px;
}
.sl_list_wra .fans_info h4{
    font-size: 14px;
    color: #333;
}
.sl_list_wra .fans_info span{
    color: #ccc;
    font-size: 12px;
}
.sl_list_wra .user_leval_mark{
    margin-right: 4px;
    vertical-align: middle;
}
.sl_list_wra .sl_content{
    padding: 14px 0;
    margin-left: 50px;
    line-height: 24px;
    border-bottom: 1px solid #ebebeb;
}
.lastBox{
    border-bottom: none!important;
}
/*充值中心*/
.pay_radio{
    -webkit-appearance: none;
    width: 32px;
    height: 32px;
    border: none;
    background: url("../img/unchecked.png") no-repeat;
}
.pay_radio:checked{
    background: url("../img/checked.png") no-repeat;
}
.agree_checkbox{
    -webkit-appearance: none;
    width: 24px;
    height: 24px;
    /*border: none;*/
    border: 1px solid #d2d2d2;
}
.agree_checkbox:checked{
    border: none;
    background: url("../img/agree.png") no-repeat;
}

.rc_top{
    text-align: center;
    padding: 10px 0;
    border-bottom: 1px solid #ebebeb;
}
.rc_top h2{
    color: #333;
}
.rc_top p{
    font-size: 12px;
    color: #999;
}
.rc_pay_wra{
    width: 790px;
    margin: 26px auto 0;
}
.rc_pay_num li{
    width: 238px;
    height: 48px;
    line-height: 48px;
    border: 1px solid #999;
    text-align: center;
    float: left;
    margin: 0 22px 28px 0;
    cursor: pointer;
    font-size: 20px;
    box-sizing: border-box;
}
.rc_pay_wra{
    font-size: 20px;
}
.rc_pay_wra h4{
    color: #666;
    font-size: 14px;
    margin-bottom: 32px;

}
.rc_pay_num .active{
    border: 1px solid #fff;
    /*border: none;*/
    background: #04dd98;

}

.rc_money_input{
    height: 50px;
    line-height: 50px;

}

.rc_money_input input{
    border: none;
    width: 160px;
    height: 100%;
    background: #f7f7f7;
    color: #505050;
    margin: 0 12px;
    text-indent: 20px;

}

.rc_payable{
    height: 50px;
    line-height: 50px;
    font-size: 18px;
    margin: 8px 0;

}

.rc_pay_way{
    /*line-height: 36px;*/
}

.rc_pay_way input,.rc_pay_way label{
    vertical-align: middle;
    cursor: pointer;
}
.rc_pay_way label{
    margin-right: 60px;
}

.paySubmit{
    display: block;
    width: 372px;
    height: 52px;
    line-height: 52px;
    margin: 40px auto 22px;
    text-align: center;
    color: #fff;
    font-size: 20px;
    background: #a0a0a0;
    border-radius: 26px;
}
.rc_pay_wra a.paySubmit:hover{
    background: #04dd98;
    color: #fff;
}
.rc_pay_wra a.active{
    background: #04dd98;
}
.rc_agree{ text-align: center;
    font-size: 14px;
}
.rc_agree input,.rc_agree label{
    vertical-align: middle;
}
.rc_agree label a{
    color: #209958;
}

/*消息中心*/
.mes_left_wra{
    margin-top: 14px;
}
.message_left_wra{
    margin-top: 8px;
}
.mes_left_wra span{
     display: block;
     line-height: 22px;
}
.mes_left_wra .ms_title{
    font-size: 14px;
    color: #333;
}
.mes_left_wra .ms_content{
    font-size: 12px;
    color: #999;
    max-width: 200px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.mes_left_icon{
    width: 30px;
    height: 30px;
    position: relative;
    margin: 16px 10px 0 0;

}
.mes_left_icon i.ic_cir{
    position: absolute;
    top: 0;
    right: 0;
    width: 6px;
    height: 6px;
    background: url("../img/ic_cir.png") no-repeat;
}

.mes1_icon{
    background: url("../img/mes1.png") no-repeat;
}
.mes2_icon{
    background: url("../img/mes2.png") no-repeat;
}
.mes3_icon{
    background: url("../img/mes3.png") no-repeat;
}
.mes4_icon{
    background: url("../img/mes4.png") no-repeat;
}
.mes5_icon{
    background: url("../img/mes5.png") no-repeat;
}
.mes6_icon{
    background: url("../img/mes6.png") no-repeat;
}
.an_list li{
    border-bottom: 1px solid #ebebeb;
    padding: 0 0 10px 10px;
}
.an_list p{
    font-size: 14px;
    color: #666;
    padding-left: 15px;
    line-height: 28px;
    margin: 26px 8px 8px 0;
}
.an_list p.active{
    background: url("../img/ic_cir.png") no-repeat 0 10px;
}
.an_list span{
    font-size: 12px;
    color: #ccc;
    padding-left: 15px;
}

/*福利*/

.wf_list{
    padding: 0 12px;
}
.wf_list li{
    /*width: 636px;*/
    border: 1px solid #d7d7d7;
    margin-top: 20px;
    position: relative;
}

.wf_list li .receive-status{
    position: absolute;
    width: 50px;
    height: 36px;
    line-height: 36px;
    border-top-left-radius: 18px;
    border-bottom-left-radius: 18px;
    background: #04dd98;
    top: 0;
    right: 0;
}

.wf_list li div{
    border-bottom: 1px solid #f5f5f5;
}
.gp_wra div.last_item{
    position: relative;
    overflow: hidden;
}
.gp_wra div.last_item span.get-gift-mark{
    position: absolute;
    top: 17px;
    right: -16px;
    height: 30px;
    line-height: 30px;
    background: #04dd98;
    border-radius: 15px;
    padding-right: 30px;
    padding-left: 16px;
    color: #333;
}
.gm_wra div.last_item{
    border-bottom: none;
}

.wf_list h4{
    padding-left: 22px;
    color: #333;
    margin: 14px 0 10px 0;
}
.wf_list h4.active{
    background: url("../img/ic_cir.png") no-repeat 8px 6px;
}
.wf_list p{
    color: #999;
    padding-left: 22px;
    margin-bottom: 14px;
}
.wf_list p.font-red{
    color: #ff9999;
}
.gp_wra .p_lasttime{
    color: #ff9e86;
}
.wf_list h5.info_receive{
    color: #333;
    padding: 14px 0;
    padding-left: 22px;
    /*cursor: pointer;*/
    /*background: url("../img/ic_down.png") no-repeat 90px center;*/
}
/*私信*/
.sc_list_wra li.sc_list a{
    display: block;
    height: 40px;
    border-bottom: 1px solid #ebebeb;
    padding: 25px 14px 25px 10px;
}
.sc_list_wra li.sc_list a:hover{
    background: #f4faf7;
}
.sc_list .item_left{

}
.sc_list .item_left h4{
    font-size: 14px;
    color: #333;
}
.sc_list .item_left p{
    font-size: 12px;
    color: #999;
    line-height: 22px;
    width: 450px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.sc_list .star_img_wra{
    position: relative;
    margin-right: 10px;
}
.sc_list .star_img_wra img{
    width: 40px;
    height: 40px;
    border-radius: 20px;
}
.sc_list .star_img_wra span.active{
    position: absolute;
    width: 6px;
    height: 6px;
    background: url("../img/ic_cir.png") no-repeat;
    top: 0;
    right: 0;
}
.sc_list .sc_time{
    font-size: 12px;
    color: #ccc;
}
/*私信详情*/
.sc_chat_wra{
    /*padding: 10px 30px;*/
    min-height: 400px;
    width: 638px;
    margin: 10px auto;
    /*overflow: auto;*/
}
.sc_chat_wra .sc_chat_star{

}
.sc_chat_star,.sc_chat_star{
    margin-bottom: 26px;
}
.sc_chat_star img,.sc_chat_user img{
    width: 40px;
    height: 40px;
    border-radius: 25px;
}
.sc_bubble_wra .sc_bubble_txt{
    padding: 12px;
    min-height: 16px;
    min-width: 20px;
    line-height: 16px;
    border-radius: 6px;
    color: #333;
    font-size: 12px;
    background: #f0f0f0;
    position: relative;
    margin-left: 18px;
    max-width: 360px;
    text-align: justify;
}
.sc_bubble_wra .sc_bubble_icon{
    position: absolute;
    width: 7px;
    height: 9px;
    background: url("../img/ic_bubble.png") no-repeat;
    top: 12px;
    left: -7px;
}
.sc_bubble_wra .sc_send_time{
    color: #999;
    font-size: 10px;
    margin: 10px 20px;
}
.sc_chat_user .sc_bubble_wra .sc_bubble_txt{
    background: #04dd98;
    margin-right: 18px;
    line-height: 16px;
    float: right;
}
.sc_chat_star .sc_bubble_wra .sc_bubble_txt{
    float: left;
}

.sc_chat_user .sc_bubble_wra .sc_bubble_icon{
    /*ica_bubble.png*/
    width: 8px;
    background: url("../img/ica_bubble.png") no-repeat;
    right: -7px;
    left: auto;
}
.sc_send_wra{
    width: 538px;
    height: 40px;
    border-radius: 5px;
    position: relative;
    border: 1px solid #ccc;
    padding: 2px;
    margin-left: 12px;
}
.sc_send_wra .user_img{
    position: absolute;
    top: 4px;
    left: 10px;
    width: 34px;
    height: 34px;
    border-radius: 17px;
    border: 1px solid #c7c7c7;
}

.sc_send_wra .user_input{
    outline: none;
    resize:none;
    border-style: none;
    box-shadow: none;
    text-decoration: none;
    /*border-width: 0px;*/
    word-wrap: break-word;
    /*line-height: 18px;*/
    overflow: hidden;
    padding-left: 60px;
    width: 478px;
    height: 100%;
    line-height: 40px;
}

.an_right_wra .sc_submit{
    width: 68px;
    height: 44px;
    border-radius: 6px;
    line-height: 44px;
    text-align: center;
    background: #04dd98;
    color: #fff;
    margin-left: 16px;
    cursor: pointer;

}
/*留言和评论详情*/
.ml_content_wra,.cm_content_wra{
    background: url("../img/ml_bot.png") no-repeat center bottom;
    padding: 21px 0 28px 16px;
}
.ml_user_info .user_img,.cm_user_info .user_img{
    width: 40px;
    height: 40px;
    border-radius: 50%;
    margin-right:12px;
}
.ml_user_info .user_leval_mark,.cm_user_info .user_leval_mark{
    display: inline-block;
    width: 30px;
    height: 14px;
    background: url("../img/leval1.png") no-repeat;
    background-size: cover;
    margin: 0 26px 0 14px;
}
.ml_user_info .ml_icon,.cm_user_info .cm_icon{
    width: 50px;
    height: 22px;
    /*line-height: 22px;*/
    border-radius: 6px;
    text-align: center;
    color: #ccc;
    /*color: #ff9a9a;*/
    /*border: 1px solid #ff9a9a;*/
}
.ml_user_info .user_name,.cm_user_info .user_name{
    font-size: 14px;
    color: #333;
}
.ml_user_info .ml_u_time,.cm_user_info .cm_u_time{
    font-size: 12px;
    color: #ccc;
}
.ml_content_wra .ml_content_user,.cm_content_wra .cm_content_user{
    font-size: 16px;
    padding: 0 10px 0 50px;
    margin-top: 14px;
    color: #666;

}
.ml_reply,.cm_reply{
    width: 508px;
    height: 72px;
    background: #f0f0f0;
    margin: 20px 0 12px 68px;
    padding: 20px 12px;
}
.ml_reply p,.cm_reply p{
    color: #666;
}
.ml_re_title .ml_star,.cm_re_title .cm_star{
    color: #999;
}
.ml_re_title .ml_time,.cm_re_title .cm_time{
    color: #ccc;
}
.ml_re_btn,.cm_re_btn{
    color: #669966;
    font-size: 14px;
    padding-left: 68px;
}
.ml_re_input,.cm_re_input{
    width: 472px;
    height: 100px;
    outline: none;
    resize: none;
    box-shadow: none;
    text-decoration: none;
    word-wrap: break-word;
    overflow: hidden;
    padding: 10px;
    line-height: 28px;
    border: 1px solid #ccc;
    margin-left: 10px;
}
.ml_submit,.cm_submit{
    width: 68px;
    height: 44px;
    border-radius: 6px;
    line-height: 44px;
    text-align: center;
    background: #04dd98;
    color: #fff;
    margin: 14px 50px 0;
    cursor: pointer;
}
/*评论回复明星详情*/
.cms_content{
    width: 276px;
    height: 86px;
    margin: 20px 0 0 50px;
}
.cms_pic_wra{
    position: relative;
}
.cms_pic_wra img{
    width: 150px;
    height: 84px;
}
.cms_pic_wra span{
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    height: 26px;
    line-height: 26px;
    text-align: center;
    background: rgba(0,0,0,0.5);
    color: #fff;
}
.cms_content p.cms_txt{
    /*width: 100px;*/
    height: 58px;
    vertical-align: middle;
    padding: 12px;
    border: 1px solid #ccc;
    border-left: none;
    color: #ccc;
}







/*个人中心*/
.pnWrapper{

}
.nav_left{
    width: 292px;
    background: #fcfcfc;
    border: 1px solid #ccc;
    min-height: 560px;
}
.nav_left .nav_head{
    height: 182px;
    border-bottom: 1px solid #ccc;
}
.nav_left_wra{
    padding: 0 14px;
    font-size: 14px;
    color: #333;
    padding-bottom: 68px;
    /*min-height: 500px;*/
}
.nav_left_wra li{
    height: 60px;
    line-height: 60px;
    border-bottom: 1px solid #e7e7e7;
}

.nav_left_wra li a{
    color: #333;
    display: block;
}
.nav_left_wra li .nav_bg{
    width: 7px;
    height: 10px;
    background-position: -43px -81px;
    margin: 24px 6px 0 0;
}



.pn_right_wra,.an_right_wra{
    border: 1px solid #ccc;
    padding-bottom: 30px;
    width: 650px;
    min-height: 530px;
}
.user_card{
    padding: 30px 48px 18px;
    border-bottom: 1px solid #e6e6e6;
}
.user_card .user_leval_mark{
    vertical-align: middle;
    margin-right: 4px;
}
.user_card img{
    width: 56px;
    height: 56px;
    border-radius: 50%;
    display: block;
    margin: 0 auto 12px;
    border: 1px solid #c7c7c7;

}
.user_card .user_box{
    text-align: center;
    margin-bottom: 34px;
    color: #333;
}

.user_bar{
width:194px;
    margin: 0 auto ;
}
.user_bar a{
    color: #669966;
    font-size: 12px;
}

.nav_left_wra .user_money{
    color: #999;
    margin-right: 16px;
}

.pn_right_wra h3,.an_right_wra h3{
    height: 48px;
    line-height: 48px;
    border-bottom: 1px solid #5cdb96;
    text-align: center;
    color: #333;
    background: #f4faf7;
    font-size: 14px;
}
/*
.form-control{
    box-sizing: border-box;
    width:100%;height:34px;padding:6px 12px;font-size:14px;line-height:1.42857143;color:#555;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}
.form-control:focus{border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)}
*/
/*修改头像*/
#hc_center_wra .user_img{
    margin: 54px auto 8px;
    border: 1px solid #c7c7c7;
}
#upTxt,#back-txt,.up-txt{
    background: #fff;
    width: 358px;
    height: 32px;
    border: 1px solid #ccc;
    text-indent: 8px;
}

#hc_center_wra .uploadBtn,form.upload-form-com .uploadBtn{
    height: 36px;
    width: 80px;
    position: relative;
    display: inline-block;
    text-align: center;
    line-height: 32px;
    /*border: 1px solid #c8c8c8;*/
    color: #6a6a6a;
    overflow: hidden;
    font-size: 14px;
    cursor: pointer;
}

#hc_center_wra .uploadBtn input,form.upload-form-com .uploadBtn input{
    position: absolute;
    height: 40px;
    z-index: 2;
    right: 0;
    top: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
    cursor: pointer;
    font-size: 16px;
}

#hc_center_wra{
    text-align: center;
}

form.upload-form-com{
    display: inline-block;
    width: 440px;
    margin: 40px 0 0 80px;
}

form.upload-form-com .submit{
    display: block;
    font-size: 14px;
    color: #209958;
    margin: 46px 26px 0 0;
    cursor: pointer;
}

#hc_center_wra #hc_upload_confirm .avatar_new{
    /*  width: 242px;
      height: 242px;
      margin: 24px auto 30px;*/
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 1px solid #c7c7c7;
}
#hc_center_wra #hc_upload_confirm span,#back_upload_confirm span,#cover-upload-confirm span{
    margin-right: 24px;
    color: #209958;
    cursor: pointer;
}
.ic_edit_wra{
    padding-top: 18px;
}
.ic_edit_wra div.item{
    padding: 6px 18px;
    margin: 6px 0;
}
.ic_user_info_wra{
    padding-left: 18px;
}
.ic_edit_wra .item{
    height: 60px;
    line-height: 60px;
}
.ic_edit_wra #distpicker{
    display: inline-block;
    vertical-align: middle;
}

.ic_edit_wra #distpicker .layui-inline{
    width: 140px;
    margin-right:16px
}
.ic_edit_wra #distpicker select{
    float: left;
    width: 140px;
    margin-right:16px
}
.ic_edit_wra #lay_birthday_wra{
    width: 140px;
}
.ic_edit_wra #sex_wra{
    display: inline-block;
}
.ic_edit_wra .item span{
    margin-right: 18px;
}
.ic_edit_wra input[type=text]{
    height: 38px;
    line-height: 38px;
    border: 1px solid #ccc;
    display: inline-block;
}
.user_nickname{
    width: 322px;
}
.user_age,.user_addr{
    width: 204px;
    display: inline-block;
}
.ic_edit_wra .tips{
    font-size: 12px;
    color: #999;
    margin-bottom: 16px;
    padding-left: 18px;
}
ul.ic_user_info_wra{
    background: #fafafa;
}
ul.ic_user_info_wra li{
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    color: #999;
}



#user_card_save{
    display: block;
    width: 140px;
    height: 40px;
    line-height: 40px;
    border-radius: 20px;
    background: #5cdb96;
    margin: 120px auto 0;
    text-align: center;
    color: #fff;
    font-size: 16px;
}

/*我的等级*/
.lv_now_wra{
    height: 102px;
    text-align: center;
    border-bottom: 1px solid #ccc;
}
.dev_center{
    display: inline-block;
    margin-top: 24px;
}
.lv_now_logo{
    width: 60px;
    height: 28px;
    background: url("../img/leval1.png") no-repeat;
    margin: 10px 22px 0 0;
}

.dev_item p{
    text-align: left;
    color: #333;
    font-size: 16px;
}
.dev_item .dev_val{
    line-height: 24px;
}

.lv_introduce{
    height: 150px;
    padding-left: 12px;
}
.lv_quick,.lv_vip{
    padding-left: 12px;
}
.lv_introduce h4,.lv_quick h4,.lv_vip h4{
    margin-top: 20px;
    font-size: 12px;
    color: #666;
}
.lv_dev_show{
    /*width: 480px;
    height: 80px;*/
    width: 501px;
    height: 97px;
    margin: 32px auto 16px;
    background: url("../img/ic_leval.png") no-repeat;
    /*background: url("../img/lv_bot_bg.png") -8px 34px no-repeat;*/
}
.lv_dev_show li{
    width: 50px;
    height: 24px;
    float: left;
    position: relative;
    background: url("../img/lv1_logo.png") no-repeat;
    margin-right:32px;


}

.lv_dev_show .lv_cir{
    display: inline-block;
    width: 8px;
    height: 8px;
    background: url("../img/lv_cir.png") -8px 0 no-repeat;
    position: absolute;
    top: 32px;
    left: 50%;
    margin-left: -4px;
}
.lv_dev_show .lv_cir_pass{
    background: url("../img/lv_cir.png") 0 0 no-repeat;
}
.lv_dev_show .lv_cir_now{
    width: 17px;
    height:17px;
    background: url("../img/lv_cir_now.png") no-repeat;
    top: 28px;
    margin-left: -8px;
}
.lv_dev_show .lv_val{
    width: 68px;
    position: absolute;
    top:56px;
    left: 50%;
    margin-left: -34px;
    text-align: center;
    font-size: 12px;
}

.lv1_logo{
    background: url("../img/lv1_logo.png") no-repeat;
}


.lv_grow_way{
    padding: 26px 0 0 62px;
}
.lv_grow_way li{
    line-height: 28px;
    color: #666;
}

.lv_grow_way li i{
    color: #222;
    margin-right: 12px;
    font-style:italic;
}


.vip_mark{
    width: 49px;
    height: 55px;
    margin-left: -66px;
    background: url("../img/vip1_m.png") no-repeat;
}
.vip1_mark{
    background: url("../img/vip1_m.png") no-repeat;
}
.vip2_mark{
    background: url("../img/vip2_m.png") no-repeat;
}
.vip3_mark{
    background: url("../img/vip3_m.png") no-repeat;
}
.vip4_mark{
    background: url("../img/vip4_m.png") no-repeat;
}

li.active .vip2_mark{
    background: url("../img/vip2_m_a.png") no-repeat;
}
li.active .vip3_mark{
    background: url("../img/vip3_m_a.png") no-repeat;
}
li.active .vip4_mark{
    background: url("../img/vip4_m_a.png") no-repeat;
}

.vip_enjoy{
    width: 480px;
    margin: 20px 0 22px 60px;
}
.vip_enjoy li{
    padding: 0 18px 0 42px;
    height: 54px;
    background: #efefef;
    margin-bottom: 10px;
}
.vip_enjoy .left_box,.vip_enjoy .right_box{
    padding-top: 6px;
}
.vip_enjoy .left_box b{
    font-size: 14px;
    color: #333;
    line-height: 24px;
}
.vip_enjoy .left_box p{
    color:#a5a5a5;
    font-size: 14px;
}

.vip_enjoy .right_box .le_des{
    color:#333;
    display: block;
    font-size: 12px;
    line-height: 24px;
}


.vip_enjoy .right_box .vip_status{
    display: block;
    color:#04dd98;
    font-size: 12px;
    line-height: 24px;
}


p.vip_forward{
    color: #999;
    font-size: 12px;
    margin-left: 100px;
}


/*我的关注*/
.pn_right_wra .item_focus{
    float: right;
    width: 624px;
    height: 70px;
    padding: 18px 0 12px 0;
    border-bottom: 1px solid #ebebeb;
}
.item_focus .star_name{
    font-size: 16px;
    color: #333;
    margin: 12px 0 16px 0;
}
.item_focus .star_status_bg{
    display: inline-block;
    width: 7px;
    height: 10px;
    background-position: -43px -81px;
    margin: 0 20px 0 8px;
}

.star_status li{
    float: left;
    font-size: 12px;
}

.item_focus .user_img{
    width: 70px;
    height: 70px;
    border-radius: 50%;
    margin: 0 10px 0 -4px;
}

.star_status li .num{
    margin-right: 4px;
    color: #04dd98;
}
.star_status li a{
    color: #999;
}
.star_status li .living_btn{
    color: #04dd98;

}


.item_focus .item{
    padding-left: 12px;
}
/*收到的红包和礼品*/
.pn_right_wra ul.pk_list,.pn_right_wra ul.gift_list{
    width: 544px;
    margin: 14px auto;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}
.pn_right_wra ul.gift_list{
    margin-top: 30px;
}
.pn_right_wra ul.pk_list li,.pn_right_wra ul.gift_list li{
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #666;
    border-top: 1px solid #ccc;
}
.pn_right_wra ul.pk_list li.title,.pn_right_wra ul.gift_list li.title{
    background: #f5f5f5;
    color: #999;
}

ul.pk_list li span,ul.gift_list li span{
    display: inline-block;
    width: 180px;
    height: 40px;
    float: left;
    border-left: 1px solid #ccc;
    /*border-top: 1px solid #ccc;*/

}

.pn_right_wra h1.pg_total_wra{
    margin-top: 30px;
    color: #666;
    font-size: 16px;
    text-align: center;
}

.pg_total_wra .pg_total{
    color: #ff3366;
}







/*按钮公共样式*/
.btn_confirm{
    font-size: 14px;
    box-sizing: border-box;
    width: 82px;
    height: 32px;
    line-height: 32px;
    border-radius: 16px;
    background: #0dde9c;
    text-align: center;
    cursor: pointer;
    color: #fff;
}
.btn_confirm:before{
    content:"+";
    font-size: 18px;
    position: relative;
    top: 1px;
    right: 2px;
}
.btn_confirm:hover{
    background: #14ce93;
    color: #fff;
}
.btn_cancel{
    font-size: 14px;
    box-sizing: border-box;
    width: 82px;
    height: 32px;
    line-height: 32px;
    border-radius: 16px;
    text-align: center;
    cursor: pointer;
    border: 1px solid #8c8c8c;
    background: none;
    color: #8c8c8c;
    background: #fff;
}
.btn_cancel:hover{
    background: #fff;
    color: #8c8c8c;
}
.viewPlace:hover{
    background: #14ce93;
}
.viewPlace_add:hover{
    background: #fff;
}

/*回放页面*/
.live-right-wrap h3.playback-rank{
    height: 44px;
    color: #fff;
    font-size: 16px;
    text-align: center;
    padding: 10px;
}
.live-right-wrap h3.playback-rank span{
    display: inline-block;
    height: 44px;
    padding: 0 10px;
    border-bottom: 2px solid #04dd98;
    line-height: 44px;
}
.playback-guard{
    padding: 10px;
}
.playback-info-wrap{
    border-top: 1px solid #6d6a70;
    padding-top: 18px;
}
.playback-info-wrap span{
    display: inline-block;
    width: 50%;
    text-align: center;
}
.playback-info-wrap span i,.playback-info-wrap span b{
    display: block;

}
.playback-info-wrap span i{
    font-size: 20px;
    color: #fff;
    font-family: Arial;
    margin: 6px auto 8px;
}

.playback-info-wrap span b{
    color: #ccc;
    font-size: 14px;
}

























